<template>
	<div class="account_div">
		<div class="header_div">
			<p class="btn_back" @click="btn_back">返回</p>
			账户管理
		</div>
		<div class="input_div">
			<div class="input_p" @click="bindPersonal">
				<p class="fl">个人资料</p>
				<p class="fr">点击编辑个人资料<span class="icon-arrbR"></span></p>
				
			</div>
			<div class="input_p" @click="bindPsw">
				<p class="fl">密码管理</p>
				<p class="fr">设置账号密码<span class="icon-arrbR"></span></p>
			</div>
			<div class="input_p" @click="bindPhone">
				<p class="fl">绑定手机号</p>
				<p class="fr">已绑定<span class="icon-arrbR"></span></p>
			</div>
			<div class="input_p" @click="bindEmail">
				<p class="fl">绑定邮箱</p>
				<p class="fr">已绑定<span class="icon-arrbR"></span></p>
			</div>
		</div>
		<p class="btn_login" @click="btn_loginOut">退出登录</p>
	</div>
</template>
<script>
	
	export default{
		name:'account',
		data(){
			return {

			}
		},

		components:{
            
        },
        methods:{
        	btn_back:function(){
				this.$router.go(-1);
			},
			btn_loginOut:function(){

			},
			bindPhone:function(){
				this.$router.push({path: '/phone'})
			},
			bindEmail:function(){
				this.$router.push({path: '/email'})
			},
			bindPsw:function(){
				this.$router.push({path: '/password'})
			},
			bindPersonal:function(){
				this.$router.push({path: '/personalInfo'})
			},
        },
        created() {  
			
	    },  
        mounted:function(){

        }
	}
</script>
<style rel="stylesheet" lang="scss" scoped>
	.account_div{
		.header_div{
			background-color: #FFF;
	    	color: #000;
		}
		.input_div{
			margin-top: 0;
			background-color: #FFF;
		}
		.input_p{
			box-sizing: border-box;
			border-top: 1px solid #DDD;
			overflow: hidden;
			.fr{
				padding-right: 0.6667rem;
			}
			.icon-arrbR{
				right: 0.4rem;
				left: inherit;
				line-height: 1.4667rem;
				vertical-align: middle;
			}
		}
	}
</style>